
<div>
<!-- 面板自适应宽度样式-->
<style>
    .wrapper{
        width:50%;/*高度不用设置*/
        word-wrap: break-word;
        word-break: normal;
        background-color:#444;
    }
    .wrapper .panel-body{
        height: auto !important;
    }
</style>
<div>

    <div id="costReport_dlg_selfTask" class="easyui-dialog" data-options="modal:'true',closed:'true'"
         style="width: 1300px;height: 800px;padding:10px 20px"></div>
<!-- 任务 面板 -->
<div class="easyui-panel wrapper" title="<span class='fa fa-tasks fa-fw fa-lg' style='color:green' ></span>任务" data-options="collapsible:true">
    <!-- 任务处理详情 dialog窗口-->
    <div id="reporExamine_dialog"></div>
    <div id="reporExamine">
        <table id="reporExamine_table" style="width: 100%"></table>

        <!--操作属性-->
        <div id="reporExamine__dialog" class="easyui-dialog" style="width:300px;height:200px"
             data-options="closed:'true',modal:true">
            <input class="easyui-textbox" id="approvalsAuditopinion" name="approvalsAuditopinion"  labelPosition="top" multiline="true" style="width:100%;height:150px">
        </div>
        <div id="reporExamine_button" style="text-align: right;display: none" >
            <a  href="#" class="easyui-linkbutton"  onClick="window.setTimeout('selfTaskApprovalCostReport()',500)" data-options="iconCls:'icon-search'" plain="true">明细</a>
            <a  href="#" onclick="window.setTimeout('costItem2()',500)" class="easyui-linkbutton" data-options="iconCls:'icon-search'" plain="true">审批详情</a>
        </div>
        <div id="reporExamine_button2" style="text-align: right;display: none" >
            <a  href="#" onclick="window.setTimeout('costItem2()',500)" class="easyui-linkbutton" data-options="iconCls:'icon-search'" plain="true">详情</a>
            <a  href="#" onclick="window.setTimeout('modifyCostR()',500)" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" plain="true">修改</a>
        </div>
        <div id="reporExamine_button3" style="text-align: right;display: none" >
            <a  href="#" onclick="window.setTimeout('costItem2()',500)" class="easyui-linkbutton" data-options="iconCls:'icon-search'" plain="true">详情</a>
            <a  href="#" onclick="window.setTimeout(function(){approveSubmit('接收',1,1)},500)" class="easyui-linkbutton" data-options="iconCls:'icon-search'" plain="true">接收</a>
        </div>

    </div>
</div>
<!-- 个人申请面板 -->
<div>

    <div id="easyui-panel_div" class="easyui-panel wrapper" title="<span class='fa fa-user-o fa-fw fa-lg' style='color: #00FFFF' ></span>个人申请" data-options="collapsible:true,collapsed:true">
        <!-- 个人申请表格 -->
        <div id="selftask_table_div">
            <table id="selftask_table" style="width: 100%"></table>
        </div>
        <!-- 任务处理详情 dialog窗口-->
        <div id="selftask_dialog"></div>
    </div>
</div>
<!-- 历史详情-->
<div>
    <div  id="selftask_examined_panel_div" class="easyui-panel wrapper" title="<span class='fa fa-history fa-fw fa-lg' style='color:blue' ></span>历史详情" data-options="collapsible:true,collapsed:true">
        <!-- 已审批表格 -->
        <div id="selftask_examined_table_div">
            <table id="selftask_examined_table" style="width: 100%" class="easyui-datagrid" data-options="singleSelect:true,fitColumns:true, url:'/examine/queryCompletionTask',pagination:true,striped:true">
                <thead>
                <tr>
                    <th data-options="field:'processInstanceId',hidden:true">实例id</th>
                    <th data-options="field:'proposerName',width:50,align:'center'">申请人</th>
                    <th data-options="field:'costPostId',width:50,align:'center',formatter: selftaskExaminedTableBusinessKey">报表单据</th>
                    <th data-options="field:'finishedProductCode',width:50,align:'center'">物料品号</th>
                    <th data-options="field:'productName',width:200,align:'center'">物料名称</th>
                    <th data-options="field:'realityQuotedPrice',width:50,align:'center'">实际报价</th>
                    <th data-options="field:'grossMarginMoney',width:50,align:'center'">整体毛利</th>
                    <th data-options="field:'grossMarginRate',width:50,align:'center'">整体毛利率</th>
                    <th data-options="field:'startTime',width:50,align:'center'">获取时间</th>
                    <th data-options="field:'endTime',width:50,align:'center'">审批时间</th>
                    <th data-options="field:'selftask_t',width:50,align:'center',formatter: selftaskExaminedTableelftaskT">整体进展</th>
                </tr>
                </thead>
            </table>
        </div>
        <!-- 任务处理详情 dialog窗口-->
        <div id="selftask_examined_dialog "></div>

    </div>
</div>
    <script th:inline="none" type="text/javascript" src="/js/costReportForm/costReportCommon.js"></script>
    <script type="text/javascript" src="/js/costReportForm/selfTask.js"></script>
</div>
